<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>房型展示</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <!-- UC应用模式 --> <meta name="browsermode" content="application">
    <!-- QQ应用模式 --> <meta name="x5-page-mode" content="app">
    <link rel="stylesheet" href="../css/common/reset.css">
    <link rel="stylesheet" href="../css/app/long-time.css">
    <link rel="stylesheet" href="../css/common/layer.css">
    <link rel="stylesheet" href="../css/common/swiper.min.css">
    <!-- <link rel="stylesheet" href="static/dateRangeCss.css"> -->
    <script src="../js/common/flexible.js"></script>
    <script src="../js/common/jquery.min.js"></script>
    <script src="../js/common/tool.js"></script>
    <script src="../js/common/layer.js"></script>
    <script src="../js/common/Storage.js"></script>
    <script src="../js/common/vue.js"></script>
    <script src="../js/common/config.js"></script>
    <script src="../js/common/swiper.min.js"></script>

    <script>
        // setTimeout(function  () {
        //   $('body').css('display','block');
        // },10)

    </script>

</head>
<body style="">
<div id="app">
    <div class="long-time">
        <!--<div class="top">-->
            <!--<p>价格&nbsp↑↓</p><span></span>-->
            <!--<p>面积&nbsp↑↓</p><span></span>-->
            <!--<p>筛选⇩</p>-->
        <!--</div>-->
        <div class="cont">
            <div  >
            <div class="cont-every" v-for="(item,index) in city_aggre">
                <!--<img src="../assets/img/null-1.jpg">-->
                <div class="swiper-container" @click="go_details(item)"><!--swiper容器[可以随意更改该容器的样式-->
                    <div class="swiper-wrapper" style="position: relative">
                        <div class="swiper-slide"><img :src="imgServerUrl+item.img1Url"></div>
                        <div class="swiper-slide"><img :src="imgServerUrl+item.img2Url"></div>
                        <div class="swiper-slide"><img :src="imgServerUrl+item.img3Url"></div>
                        <div class="swiper-slide"><img :src="imgServerUrl+item.img4Url"></div>
                        <div class="swiper-slide"><img :src="imgServerUrl+item.img5Url"></div>
                    </div>
                    <div class="swiper-pagination" ></div><!--分页器-->
                    <!-- <div class="swiper-button-prev"></div> --><!--前进按钮-->
                    <!-- <div class="swiper-button-next"></div> --><!--后退按钮-->
                    <div class="cont-every-bottom">
                        <p style="margin-left: 0.2rem;color: transparent" >1室1厅1卫</p>
                        <p style="margin-right: 0.2rem;color: white">{{item.originMonthPrice}}元/月</p>
                    </div>
                </div>
                <p class="layout">{{item.roomTypeName}}</p>

                <div class="flex-div">
                    <div class="cont-every-place">
                        <p class="cont-every-place-onimg"><img src="../assets/img/place.png" ></p>
                        <p class="cont-every-place-on" style="font-size: 0.32rem">{{address}}</p>
                        <p class="cont-every-place-callimg"><img src="../assets/icon/call2.png" @click="call_phone"></p>
                        <p class="cont-every-place-call"  @click="call_phone">预约热线</p>
                    </div>
                </div>

            </div>

            </div>

        </div>
        <div class="detail-jjr">
            <div class="line"></div>
            <div class="equip">
                <img src="../assets/img/faici.png" >
            </div>
            <div class="line"></div>
            <div class="div-flex">
                <div class="bottom">
                    <h2>酒店介绍:</h2>
                    <p>{{info}}
                    </p>
                </div>
            </div>

        </div>

    </div>

</div>


<script src="../js/app/long-time.js"></script>
<script type="text/javascript">

</script>



</body>


</html>
